<!--
 * @Author: your name
 * @Date: 2021-08-13 15:03:06
 * @LastEditTime: 2021-08-23 01:40:44
 * @LastEditors: your name
 * @Description: 网易严选页面重构
 * @FilePath: \Driup\网易严选-人气推荐\html\index.html
 * 可以输入预定的版权声明、个性签名、空行等
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网易严选</title>
    <link rel="stylesheet" href="../css/wyys.css">
    <!-- 引入字体图标 -->
    <link rel="stylesheet" href="../css/font/demo_index.html">
    <link rel="stylesheet" href="../css/font/iconfont.css">
</head>
<body>
    <!-- header开始 -->
    <div class="header">
        <!-- top -->
        <div class="top">
            <!-- 固定显示的内容 -->
            <div class="wapper">
                <div class="left ">
                    <i class="iconfont icon-tongzhi"></i>
                    <a href="https://you.163.com/notice/detail?id=103738000&_stat_content=%E5%9B%A0%E4%BA%8B%E4%BB%B6%EF%BC%88%E7%96%AB%E6%83%85%E3%80%81%E7%89%B9%E5%A4%A7%E6%9A%B4%E9%9B%A8%EF%BC%89%E5%BD%B1%E5%93%8D%EF%BC%8C%E9%83%A8%E5%88%86%E5%9C%B0%E5%8C%BA%E6%97%A0%E6%B3%95%E9%85%8D%E9%80%81%E5%85%AC%E5%91%8A&_stat_refer=%2F" target="_block">因事件（疫情、特大暴雨）影响，部分地区无法配送公告</a>
                </div>
                <div class="right">
                    <div>
                      <div>
                        <a href="">登录/注册</a>
                      </div>
                    </div>
                    <div>
                      <div>
                        <a href="">我的订单</a>
                      </div>
                    </div>
                    <div>
                      <div>
                        <a href="">会员</a>
                      </div>
                    </div>
                    <div>
                      <div>
                        <a href="">甄选家</a>
                      </div>
                    </div>
                    <div>
                      <div>
                        <a href="">企业采购
                          <i class="iconfont icon-xia "></i>
                        </a>
                      </div>
          
                    </div>
                    <div>
                      <div>
                        <a href="">客户服务<i class="iconfont icon-xia"></i>
                        </a>
                      </div>
                    </div>
                    <div>
                      <div>
                        <a href="">
                          <i class="iconfont icon-shouji"></i>
                          APP
                        </a>
                      </div>
          
                    </div>
                  </div>
            </div>
            <!-- 固定显示的内容结束 -->
        </div>
        <!-- top结束 -->
        <!--bottom  -->
        <div class="bottom">
            <div class="wapper">
                <!-- search -->
                <div class="search">
                    <div class="logo">
                        <img src="../img/logopng.png" alt="">
                    </div>
                    <div class="sousuo">
                        <div>
                          <div class="search_top">
                            <i class="iconfont icon-search"></i>
                            <input type="text"><span class="but_text">搜索</span>
                          </div>
                          <div class="search_bottom">
                            <a href="">七夕礼物</a>
                          </div>
                        </div>
                    </div>
                      <div class="shopcar">
                        <div class="car">
                          <i class="iconfont icon-gouwuche"></i>
                          <span>购物车</span>
                          <i class="iconfont icon-0"></i>
                        </div>
                      </div>
                </div>
                <!-- search结束 -->
                <!-- menu -->
                <div class="menu">
                    <div class="list">
                      <ul>
                        <li>
                          <a href="">首页</a>
                        </li>
                        <li>
                          <a href="">居家生活</a>
                          <div class="second">
                            <div class="pro"><img src="https://yanxuan.nosdn.127.net/6eeaa813566307004ff88f1013bf08fe.png?quality=95&type=webp&imageView" alt="床品件套图" width="50px"><a href="">床品件套</a></div>
                            <div class="pro"><img src="https://yanxuan.nosdn.127.net/c7dbdc5add531b9c646c52132343147d.png?quality=95&type=webp&imageView" alt="收纳家饰图" width="50px"><a href="">收纳家饰</a></div>
                            <div class="pro"><img src="https://yanxuan.nosdn.127.net/de6518ab55b39bf19610c2b301965f79.png?quality=95&type=webp&imageView" alt="疫情防控图" width="50px"><a href="">疫情防控</a></div>
                            <div class="pro"><img src="https://yanxuan.nosdn.127.net/542fa9f88f195d5c738c30c72f7f865b.png?quality=95&type=webp&imageView" alt="居家布艺图" width="50px"><a href="">居家布艺</a></div>
                            <div class="pro"><img src="https://yanxuan.nosdn.127.net/152b13c1bb37d78e59e2a3bb50c9dcfd.png?quality=95&type=webp&imageView" alt="北欧原木图" width="50px"><a href="">北欧原木</a></div>
                            <div class="pro"><img src="https://yanxuan.nosdn.127.net/33386fcdceac29764fc9d9923150d665.png?quality=95&type=webp&imageView" alt="毛巾浴巾图" width="50px"><a href="">毛巾浴巾</a></div>
                            <div class="pro"><img src="https://yanxuan.nosdn.127.net/0da6f3d513e36c12eabad86a3e0607e7.png?quality=95&type=webp&imageView" alt="抱枕靠枕图" width="50px"><a href="">抱枕靠枕</a></div>
                            <div class="pro"><img src="https://yanxuan.nosdn.127.net/4b99e46ac5ed04560d3afc799fe1a471.png?quality=95&type=webp&imageView" alt="地毯窗帘图" width="50px"><a href="">地毯窗帘</a></div>
                            <div class="pro"><img src="https://yanxuan.nosdn.127.net/4b99e46ac5ed04560d3afc799fe1a471.png?quality=95&type=webp&imageView" alt="浴室用品图" width="50px"><a href="">浴室用品</a></div>
                            <div class="pro"><img src="https://yanxuan.nosdn.127.net/2bfba997fd031317caecc4f0bad17569.png?quality=95&type=webp&imageView" alt="中医保健图" width="50px"><a href="">中医保健</a></div>
                        </div>
                        </li>
                        <li>
                          <a href="">服饰鞋包</a>
                          <div class="second">                                    <div class="pro"><img src="https://yanxuan.nosdn.127.net/6eeaa813566307004ff88f1013bf08fe.png?quality=95&type=webp&imageView" alt="床品件套图" width="50px"><a href="">床品件套</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/c7dbdc5add531b9c646c52132343147d.png?quality=95&type=webp&imageView" alt="收纳家饰图" width="50px"><a href="">收纳家饰</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/de6518ab55b39bf19610c2b301965f79.png?quality=95&type=webp&imageView" alt="疫情防控图" width="50px"><a href="">疫情防控</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/542fa9f88f195d5c738c30c72f7f865b.png?quality=95&type=webp&imageView" alt="居家布艺图" width="50px"><a href="">居家布艺</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/152b13c1bb37d78e59e2a3bb50c9dcfd.png?quality=95&type=webp&imageView" alt="北欧原木图" width="50px"><a href="">北欧原木</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/33386fcdceac29764fc9d9923150d665.png?quality=95&type=webp&imageView" alt="毛巾浴巾图" width="50px"><a href="">毛巾浴巾</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/0da6f3d513e36c12eabad86a3e0607e7.png?quality=95&type=webp&imageView" alt="抱枕靠枕图" width="50px"><a href="">抱枕靠枕</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/4b99e46ac5ed04560d3afc799fe1a471.png?quality=95&type=webp&imageView" alt="地毯窗帘图" width="50px"><a href="">地毯窗帘</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/4b99e46ac5ed04560d3afc799fe1a471.png?quality=95&type=webp&imageView" alt="浴室用品图" width="50px"><a href="">浴室用品</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/2bfba997fd031317caecc4f0bad17569.png?quality=95&type=webp&imageView" alt="中医保健图" width="50px"><a href="">中医保健</a></div></div>
                        </li>
                        <li>
                          <a href="">美食酒水</a>
                          <div class="second">                                    <div class="pro"><img src="https://yanxuan.nosdn.127.net/6eeaa813566307004ff88f1013bf08fe.png?quality=95&type=webp&imageView" alt="床品件套图" width="50px"><a href="">床品件套</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/c7dbdc5add531b9c646c52132343147d.png?quality=95&type=webp&imageView" alt="收纳家饰图" width="50px"><a href="">收纳家饰</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/de6518ab55b39bf19610c2b301965f79.png?quality=95&type=webp&imageView" alt="疫情防控图" width="50px"><a href="">疫情防控</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/542fa9f88f195d5c738c30c72f7f865b.png?quality=95&type=webp&imageView" alt="居家布艺图" width="50px"><a href="">居家布艺</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/152b13c1bb37d78e59e2a3bb50c9dcfd.png?quality=95&type=webp&imageView" alt="北欧原木图" width="50px"><a href="">北欧原木</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/33386fcdceac29764fc9d9923150d665.png?quality=95&type=webp&imageView" alt="毛巾浴巾图" width="50px"><a href="">毛巾浴巾</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/0da6f3d513e36c12eabad86a3e0607e7.png?quality=95&type=webp&imageView" alt="抱枕靠枕图" width="50px"><a href="">抱枕靠枕</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/4b99e46ac5ed04560d3afc799fe1a471.png?quality=95&type=webp&imageView" alt="地毯窗帘图" width="50px"><a href="">地毯窗帘</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/4b99e46ac5ed04560d3afc799fe1a471.png?quality=95&type=webp&imageView" alt="浴室用品图" width="50px"><a href="">浴室用品</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/2bfba997fd031317caecc4f0bad17569.png?quality=95&type=webp&imageView" alt="中医保健图" width="50px"><a href="">中医保健</a></div></div>
                        </li>
                        <li>
                          <a href="">个护清洁</a>
                          <div class="second">                                    <div class="pro"><img src="https://yanxuan.nosdn.127.net/6eeaa813566307004ff88f1013bf08fe.png?quality=95&type=webp&imageView" alt="床品件套图" width="50px"><a href="">床品件套</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/c7dbdc5add531b9c646c52132343147d.png?quality=95&type=webp&imageView" alt="收纳家饰图" width="50px"><a href="">收纳家饰</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/de6518ab55b39bf19610c2b301965f79.png?quality=95&type=webp&imageView" alt="疫情防控图" width="50px"><a href="">疫情防控</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/542fa9f88f195d5c738c30c72f7f865b.png?quality=95&type=webp&imageView" alt="居家布艺图" width="50px"><a href="">居家布艺</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/152b13c1bb37d78e59e2a3bb50c9dcfd.png?quality=95&type=webp&imageView" alt="北欧原木图" width="50px"><a href="">北欧原木</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/33386fcdceac29764fc9d9923150d665.png?quality=95&type=webp&imageView" alt="毛巾浴巾图" width="50px"><a href="">毛巾浴巾</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/0da6f3d513e36c12eabad86a3e0607e7.png?quality=95&type=webp&imageView" alt="抱枕靠枕图" width="50px"><a href="">抱枕靠枕</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/4b99e46ac5ed04560d3afc799fe1a471.png?quality=95&type=webp&imageView" alt="地毯窗帘图" width="50px"><a href="">地毯窗帘</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/4b99e46ac5ed04560d3afc799fe1a471.png?quality=95&type=webp&imageView" alt="浴室用品图" width="50px"><a href="">浴室用品</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/2bfba997fd031317caecc4f0bad17569.png?quality=95&type=webp&imageView" alt="中医保健图" width="50px"><a href="">中医保健</a></div></div>
                        </li>
                        <li>
                          <a href="">母婴亲子</a>
                          <div class="second">                                    <div class="pro"><img src="https://yanxuan.nosdn.127.net/6eeaa813566307004ff88f1013bf08fe.png?quality=95&type=webp&imageView" alt="床品件套图" width="50px"><a href="">床品件套</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/c7dbdc5add531b9c646c52132343147d.png?quality=95&type=webp&imageView" alt="收纳家饰图" width="50px"><a href="">收纳家饰</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/de6518ab55b39bf19610c2b301965f79.png?quality=95&type=webp&imageView" alt="疫情防控图" width="50px"><a href="">疫情防控</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/542fa9f88f195d5c738c30c72f7f865b.png?quality=95&type=webp&imageView" alt="居家布艺图" width="50px"><a href="">居家布艺</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/152b13c1bb37d78e59e2a3bb50c9dcfd.png?quality=95&type=webp&imageView" alt="北欧原木图" width="50px"><a href="">北欧原木</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/33386fcdceac29764fc9d9923150d665.png?quality=95&type=webp&imageView" alt="毛巾浴巾图" width="50px"><a href="">毛巾浴巾</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/0da6f3d513e36c12eabad86a3e0607e7.png?quality=95&type=webp&imageView" alt="抱枕靠枕图" width="50px"><a href="">抱枕靠枕</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/4b99e46ac5ed04560d3afc799fe1a471.png?quality=95&type=webp&imageView" alt="地毯窗帘图" width="50px"><a href="">地毯窗帘</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/4b99e46ac5ed04560d3afc799fe1a471.png?quality=95&type=webp&imageView" alt="浴室用品图" width="50px"><a href="">浴室用品</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/2bfba997fd031317caecc4f0bad17569.png?quality=95&type=webp&imageView" alt="中医保健图" width="50px"><a href="">中医保健</a></div></div>
                        </li>
                        <li>
                          <a href="">运动旅行</a>
                          <div class="second">                                    <div class="pro"><img src="https://yanxuan.nosdn.127.net/6eeaa813566307004ff88f1013bf08fe.png?quality=95&type=webp&imageView" alt="床品件套图" width="50px"><a href="">床品件套</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/c7dbdc5add531b9c646c52132343147d.png?quality=95&type=webp&imageView" alt="收纳家饰图" width="50px"><a href="">收纳家饰</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/de6518ab55b39bf19610c2b301965f79.png?quality=95&type=webp&imageView" alt="疫情防控图" width="50px"><a href="">疫情防控</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/542fa9f88f195d5c738c30c72f7f865b.png?quality=95&type=webp&imageView" alt="居家布艺图" width="50px"><a href="">居家布艺</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/152b13c1bb37d78e59e2a3bb50c9dcfd.png?quality=95&type=webp&imageView" alt="北欧原木图" width="50px"><a href="">北欧原木</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/33386fcdceac29764fc9d9923150d665.png?quality=95&type=webp&imageView" alt="毛巾浴巾图" width="50px"><a href="">毛巾浴巾</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/0da6f3d513e36c12eabad86a3e0607e7.png?quality=95&type=webp&imageView" alt="抱枕靠枕图" width="50px"><a href="">抱枕靠枕</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/4b99e46ac5ed04560d3afc799fe1a471.png?quality=95&type=webp&imageView" alt="地毯窗帘图" width="50px"><a href="">地毯窗帘</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/4b99e46ac5ed04560d3afc799fe1a471.png?quality=95&type=webp&imageView" alt="浴室用品图" width="50px"><a href="">浴室用品</a></div>
                          <div class="pro"><img src="https://yanxuan.nosdn.127.net/2bfba997fd031317caecc4f0bad17569.png?quality=95&type=webp&imageView" alt="中医保健图" width="50px"><a href="">中医保健</a></div></div>
                        </li>
                        <li>
                          <a href="">数码家电</a>
                          <div class="second">数码家电二级菜单列表</div>
                        </li>
                        <li>
                          <a href="">严选全球</a>
                          <div class="second">严选全球二级菜单列表</div>
                        </li>
                        <li>
                          <a href="">为你严选</a>
                          <div class="second">为你严选二级菜单列表</div>
                        </li>
                        <li>
                          <a href="">众筹</a>
                          <div class="second">众筹二级菜单列表</div>
                        </li>
                      </ul>
                    </div>
                </div>
                <!-- menu结束 --> 
            </div>
        </div>
        <!--bottom结束  -->
    </div>
    <!-- header结束 -->
    <!-- content开始 -->
    <div class="content">
        <!-- 轮播 -->
        <div class="lunbo">
          <img src="../img/lunbo.webp" alt="">
        </div>
        <!-- 轮播结束 -->
        <!-- 热销榜 -->
        <div class="hot_outer">
          <ul class="hot_goods">
            <li>- 热销榜 -</li>
            <li><img src="../img/全站热销榜.webp" alt=""><span>全站<br>热销榜</span></li>
            <li><img src="../img/1居家生活.webp" alt=""><span>居家<br>生活榜</span></li>
            <li><img src="../img/1服饰鞋包.webp" alt=""><span>服饰<br>鞋包榜</span></li>
            <li><img src="../img/1美食酒水.webp" alt=""><span>美食<br>酒水榜</span></li>
            <li><img src="../img/1数码家电.webp" alt=""><span>数码<br>家电榜</span></li>
            <li><img src="../img/1个护清洁.webp" alt=""><span>个护<br>清洁榜</span></li>
            <li><img src="../img/1运动旅行.webp" alt=""><span>运动<br>旅行榜</span></li>
            <li><img src="../img/1母婴亲子.webp" alt=""><span>母婴<br>亲子榜</span></li>
            <li><img src="../img/1全球特色.webp" alt=""><span>全球<br>特色榜</span></li>
          </ul>
        </div>
        <!-- 热销榜结束 -->
    
        <!-- 人气推荐 -->
        <div class="rqtj">
          <div class="wapper">
            <div class="popularity">
              <div class="title">
                <h3 class="name">人气推荐</h3>
                <div class="headerLeft checked">编辑推荐</div>
                <div class="headerLeft">热销总榜</div>
                <div class="headerRight">更多推荐></div>
              </div>
              <div class="product">
                <div id="productItemFirst" class="productItem">
                  <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
                  <img
                    src="https://yanxuan-item.nosdn.127.net/bebff6d69027991f02077dc1f249059f.png?type=webp&quality=95&thumbnail=320x320&imageView"
                    alt="图片丢失">
                  <div class="title
              ">
                    <h4 class="name">
                      口袋里的咖啡馆 浓缩胶囊咖啡 焦糖拿铁1袋
                    </h4>
                    <p class="price">¥21.8</p>
                  </div>
                </div>
                <div class="productItem">
                  <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
                  <img
                    src="https://yanxuan-item.nosdn.127.net/0736325df88942d67a31b5bd5bb2a502.png?type=webp&quality=95&thumbnail=180y180&imageView"
                    alt="图片丢失">
                  <div class="title">
                    <div class="prdtTags"><span>3件8.5折</span></div>
    
                    <h4 class="name">
                      无添加蔗糖，苏打饼干 360克
                    </h4>
                    <p class="price">¥12.8
                      <span>
                        ¥88
                      </span>
                    </p>
                  </div>
                </div>
                <div class="productItem"><img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
                    <img
                      src="https://yanxuan-item.nosdn.127.net/0736325df88942d67a31b5bd5bb2a502.png?type=webp&quality=95&thumbnail=180y180&imageView"
                      alt="图片丢失">
                    <div class="title">
                      <div class="prdtTags"><span>3件8.5折</span></div>
      
                      <h4 class="name">
                        无添加蔗糖，苏打饼干 360克
                      </h4>
                      <p class="price">¥12.8
                        <span>
                          ¥88
                        </span>
                      </p>
                    </div></div>
                <div class="productItem">
                    <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
                  <img
                    src="https://yanxuan-item.nosdn.127.net/0736325df88942d67a31b5bd5bb2a502.png?type=webp&quality=95&thumbnail=180y180&imageView"
                    alt="图片丢失">
                  <div class="title">
                    <div class="prdtTags"><span>3件8.5折</span></div>
    
                    <h4 class="name">
                      无添加蔗糖，苏打饼干 360克
                    </h4>
                    <p class="price">¥12.8
                      <span>
                        ¥88
                      </span>
                    </p>
                  </div>
                </div>
                <div class="productItem"><img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
                    <img
                      src="https://yanxuan-item.nosdn.127.net/0736325df88942d67a31b5bd5bb2a502.png?type=webp&quality=95&thumbnail=180y180&imageView"
                      alt="图片丢失">
                    <div class="title">
                      <div class="prdtTags"><span>3件8.5折</span></div>
      
                      <h4 class="name">
                        无添加蔗糖，苏打饼干 360克
                      </h4>
                      <p class="price">¥12.8
                        <span>
                          ¥88
                        </span>
                      </p>
                    </div></div>
                <div class="productItem"><img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
                    <img
                      src="https://yanxuan-item.nosdn.127.net/0736325df88942d67a31b5bd5bb2a502.png?type=webp&quality=95&thumbnail=180y180&imageView"
                      alt="图片丢失">
                    <div class="title">
                      <div class="prdtTags"><span>3件8.5折</span></div>
      
                      <h4 class="name">
                        无添加蔗糖，苏打饼干 360克
                      </h4>
                      <p class="price">¥12.8
                        <span>
                          ¥88
                        </span>
                      </p>
                    </div></div>
                <div class="productItem"><img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
                    <img
                      src="https://yanxuan-item.nosdn.127.net/0736325df88942d67a31b5bd5bb2a502.png?type=webp&quality=95&thumbnail=180y180&imageView"
                      alt="图片丢失">
                    <div class="title">
                      <div class="prdtTags"><span>3件8.5折</span></div>
      
                      <h4 class="name">
                        无添加蔗糖，苏打饼干 360克
                      </h4>
                      <p class="price">¥12.8
                        <span>
                          ¥88
                        </span>
                      </p>
                    </div></div>
              </div>
            </div>
          </div>
        </div>
        <!-- 人气推荐结束 -->
        <!-- 人气推荐 -->
        <div class="rqtj">
          <div class="wapper">
            <div class="popularity">
              <div class="title">
                <h3 class="name">人气推荐</h3>
                <div class="headerLeft checked">编辑推荐</div>
                <div class="headerLeft">热销总榜</div>
                <div class="headerRight">更多推荐></div>
              </div>
              <div class="product">
                <div id="productItemFirst" class="productItem">
                  <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
                  <img
                    src="https://yanxuan-item.nosdn.127.net/bebff6d69027991f02077dc1f249059f.png?type=webp&quality=95&thumbnail=320x320&imageView"
                    alt="图片丢失">
                  <div class="title
              ">
                    <h4 class="name">
                      口袋里的咖啡馆 浓缩胶囊咖啡 焦糖拿铁1袋
                    </h4>
                    <p class="price">¥21.8</p>
                  </div>
                </div>
                <div class="productItem">
                  <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
                  <img
                    src="https://yanxuan-item.nosdn.127.net/0736325df88942d67a31b5bd5bb2a502.png?type=webp&quality=95&thumbnail=180y180&imageView"
                    alt="图片丢失">
                  <div class="title
              ">
                    <div class="prdtTags"><span>3件8.5折</span></div>
    
                    <h4 class="name">
                      无添加蔗糖，苏打饼干 360克
                    </h4>
                    <p class="price">¥12.8
                      <span>
                        ¥88
                      </span>
    
                    </p>
                  </div>
                </div>
                <div class="productItem">3</div>
                <div class="productItem">4</div>
                <div class="productItem">5</div>
                <div class="productItem">6</div>
                <div class="productItem">7</div>
              </div>
            </div>
          </div>
        </div>
        <!-- 人气推荐结束 -->
      </div>
    <!-- content结束 -->
    <div class="kffw">
        <div class="guding">
            <div class="hezi">
                <div class="header">客户服务</div>
                <div class="neirong">
                    <img src="../img/zxkf.png" alt="在线客服" height="150px">
                </div>
                <div class="xia"></div>
            </div>
            <div class="hezi">
                <div class="header">何为网易严选</div>
                <div class="neirong">网易严选是深受新中产喜爱的生活方式品牌, 为消费者提供一站式、全品类、全方位的美好生活解决方案。我们通过简约、实用、舒适的美学设计, 不断带来高品质灵感好物, 陪伴3000万新中产用户「活出自己喜欢的样子」, 共同倡导多元化的生活价值主张——每个人都可以把生活的选择权交还给自己。</div>
                <div class="xia">
                    
                    <img src="../img/wb.png" alt="微博" height="55px">
                </div>
            </div>
            <div class="hezi">
                <div class="header">扫码下载严选APP</div>
                <div class="neirong">
                    <img src="../img/ewm.png" alt="二维码"height="160px">
                </div>
                <div class="xia"></div>
            </div>
        </div>
    </div>
    <!-- 客户服务结束 -->
    <!-- footer开始 -->
    <div class="footer">
        <div class="guding">
            <div class="header">
                <img src="../img/index.png" alt="底部" height="80px">
            </div>
            <div class="content">
                <div class="box">
                    <a href="">关于我们</a>
                    <a href="">帮助中心</a>
                    <a href="">售后服务</a>
                    <a href="">配送与验收</a>
                    <a href="">商务合作</a>
                    <a href="">企业采购</a>
                    <a href="">开放平台</a>
                    <a href="">搜索推荐</a>
                    <a href="">友情链接</a>
                    <a href="">廉正举报</a>
                </div>
                <div class="box">
                   
                    <a href="">食品经营许可证：JY13301080111719</a>&nbsp;&nbsp;
                    <a href="">出版物经营许可证：新出发滨字第0132号</a>&nbsp;&nbsp;
                    <span>妙得ICP证号：ICP 证浙B2-20160106</span>&nbsp;&nbsp;
                    <a href="">浙杭食药监械经营备20171029号</a>&nbsp;&nbsp;
                    <a href="">营业执照</a>&nbsp;&nbsp;
                    <span> 网易公司版权所有 © 1997-2021</span>
                </div>
                <div class="box">
                    
                    <a href="">无线电发射设备销售备案：42202011096855</a>&nbsp;&nbsp;
                    <a href="">（浙杭）网械企备字[2019]第00119号</a>&nbsp;&nbsp;
                    <span>（粤）网械平台备字（2019）第00004号</span>&nbsp;&nbsp;
                    <span>（粤）-非经营性-2016-0023</span>&nbsp;&nbsp;
                    <a href="">进口冷链食品管理承诺书</a>
                </div>
                <div class="box">
                    
                    <a href="">食品经营许可证：JY14207050007694</a>&nbsp;&nbsp;
                    <span>浙江省网络食品销售第三方平台提供者备案：浙网食A33010009</span>&nbsp;&nbsp;
                    <a href="">单用途商业预付卡备案证：330100AAC0024</a>&nbsp;&nbsp;
                </div>
                <div class="box">
                    <span>出版物网络交易平台服务经营备案：新出发浙备字第2021006号</span>
                </div>
            </div>
        </div>
    </div>
</div>

    <!-- footer结束 -->
</body>
</html>